<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/decorators/taglib.jsp"%>
<%@ include file="/decorators/header.jsp"%>

<html>
<header>
	<decorator:head />
</header>
<script>
function expMenuForm(id,url,parentid)
{
  var path ="${pageContext.request.contextPath}";
  $.ajax({
   type: "POST",
   url: "<c:url value='"+path+"/expuser/setMenuParam.action'/>",
   data: "menuid="+id+"&parentmenuid="+parentid,
   success: function(msg)
   {
		
		$("#exp_menu_form").attr("action", "<c:url value='"+path+""+url+"'/>");
		$("#exp_menu_form").submit();
   }
  });
 
}
function showMenu()
{
 $("#expleft").show();
 $("#expright").removeClass("span12");
 $("#expright").addClass("span10");

 
  $("#showmenu").hide();
 $("#hidemenu").show();
}
function hideMenu()
{
 $("#expleft").hide();
 $("#expright").removeClass("span10");
 $("#expright").addClass("span12");
 $("#showmenu").show();
 $("#hidemenu").hide();
 

}
$(function(){ 
$("#showmenu").hide();

});
</script>
<body data-spy="scroll" data-target=".bs-docs-sidebar" data-twttr-rendered="true">
	
	<%@ include file="/decorators/menu.jsp" %>

	<!--
	<header class="jumbotron subhead" id="overview">
		<div class="container">
		    <table align="left" id="headerTable">
			 <tr><td style="border-top: 0 solid #E7E7E7;" rowspan="2" width="80px"> <img src="http://www.qqcan.com/uploads/allimg/c120830/13462a611250-S6026.jpg"/></td ><td style="border-top: 0 solid #E7E7E7;"><a> ${sessionScope.exp_web_user.loginname}</a></td></tr>
			 <tr><td style="border-top: 0 solid #E7E7E7;"><a href="${pageContext.request.contextPath}/expuser/explogout.action">logout</a></td></tr>
			</table>
			
		</div>
	</header>
	-->
	<form id="exp_menu_form" action="" method="post">
	  	  
	</form>
	<div class="container">
        <!-- Docs nav ================================================== -->
		<c:choose>
			<c:when test="${sessionScope.nativid == 1}">
				 <div class="row">
				<div class="span12" id="expright">
				  <decorator:body />
				</div>
				</div>
			</c:when>
					
			<c:otherwise>
				<div class="row">
					<div class="span12" style="font-size:16px;border:1px solid #999999; line-height: 40px;">
						<a id="hidemenu" href="javascript:void(0);" onclick="hideMenu()">&nbsp;<i class="icon-chevron-left"></i><i class="icon-chevron-left"></i>&nbsp;</a>
						<a id="showmenu" href="javascript:void(0);" onclick="showMenu()">&nbsp;<i class="icon-chevron-right"></i><i class="icon-chevron-right"></i>&nbsp;</a>
						<a>&nbsp;|&nbsp;</a><a>你的当前位置：Home </a>
					</div>
				</div>
				<div class="row">
					<div class="span2 bs-docs-sidebar" id="expleft">
						<div class="sidebar-menu">
							<c:forEach items="${menuList}" var="datas">
							    <c:if test="${datas.parentid == sessionScope.nativid}">
								    <a href="#${datas.id}" class="nav-header menu-first collapsed" data-toggle="collapse"><i class="icon-folder-close icon-large"></i> <fmt:message key="${datas.name}" /></a>
									<c:choose>
										 <c:when test="${sessionScope.parentmenuid == datas.id}">
										   <ul id="${datas.id}" class="nav nav-list in collapse menu-second">
										 </c:when>
										 <c:otherwise>
										   <ul id="${datas.id}" class="nav nav-list collapse menu-second">
										 </c:otherwise>
									</c:choose>
								
									<c:forEach items="${menuList}" var="datass">
										   <c:if test="${datass.parentid == datas.id}">
												<c:choose>
													 <c:when test="${sessionScope.menuid == datass.id}">
													   <li >
														   <a style="background: #111111; /* Old browsers */  background: -moz-linear-gradient(45deg,  #111111 0%, #ffffff 100%); /* FF3.6+ */   background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#111111), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */    background: -webkit-linear-gradient(45deg,  #111111 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */    background: -o-linear-gradient(45deg,  #111111 0%,#ffffff 100%); /* Opera 11.10+ */    background: -ms-linear-gradient(45deg,  #111111 0%,#ffffff 100%); /* IE10+ */    background: linear-gradient(45deg,  #111111 0%,#ffffff 100%); /* W3C */    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */    -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2); color:#FFFFFF" href="javascript:void(0);" onclick="expMenuForm('${datass.id}','${datass.url}','${datass.parentid}');">
														   <i class="icon-tag"></i> <fmt:message key="${datass.name}" />
														   </a>
													   </li>
													 </c:when>
													 <c:otherwise>
														<li><a href="javascript:void(0);" onclick="expMenuForm('${datass.id}','${datass.url}','${datass.parentid}');"><i class="icon-tag"></i> <fmt:message key="${datass.name}" /></a></li>
													 </c:otherwise>
												</c:choose>
											
											</c:if>
									</c:forEach>
											</ul>								
								</c:if>
								</c:forEach>
						</div>
							
					</div>
					<div class="span10" id="expright">
					  <decorator:body />
					</div>
				 </div>
			</c:otherwise>
		</c:choose>	
    </div>
	
	<footer class="footer">
		<div class="container">
			<p>Experience Web &copy; lvxiaohuai 2012 - 2013.</p>

			<ul class="footer-links">
				<li><a href="http://addyosmani.com/blog/">Blog</a></li>
				<li class="muted">&middot;</li>
				<li><a
					href="https://github.com/addyosmani/jquery-ui-bootstrap/issues?state=open">Issues</a></li>
			</ul>
		</div>

	</footer>

</body>
</html>
<!-- <ul class="nav nav-list bs-docs-sidenav">
							<c:forEach items="${menuList}" var="datas">
							  <c:if test="${(datas.id != 1) && (datas.parentid == 0)}">
							  <li><a href="#${datas.id}"><i class="icon-chevron-right"></i><fmt:message key="${datas.name}" /></a></li>	
                              </c:if>							  
							</c:forEach>
						</ul>
						-->